﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<div class="modal-dialog ms-modal-dialog" style="width: 800px;">

  <div class="modal-content">

    <div class="modal-header">

      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title"><i class="glyphicon glyphicon-fire" title="过滤查询"></i>&nbsp;&nbsp;<span>过滤查询</span></h4>

    </div>

    <form class="form-horizontal ms-form" method="GET" action="${ctx.host}/coupon-batch/search">

      <input type="hidden" name="filter" value="true" >

      <div class="modal-body">

        <div class="form-group ms-form-group">
          
          <label class="col-xs-2 control-label">优惠券名称</label>
          <div class="pull-left" style="width: 30%">
            <input type="text" class="form-control" name="templateName" value="${param.templateName}" placeholder="支持模糊查询"/>
          </div>
          
          <label class="col-xs-2 control-label">批次名称</label>
          <div class="pull-left" style="width: 30%">
            <input type="text" class="form-control" name="name" value="${param.name}" placeholder="支持模糊查询"/>
          </div>
          
        </div>
        
        <div class="form-group ms-form-group">
        
          <label class="col-xs-2 control-label">过期时间</label>
          <div class="pull-left" style="width: 65%">
            <div class="input-group">
                <input type="text" class="form-control date" name="beginDate" value="${param.beginDate}" />
                <span class="input-group-addon" style="padding: 3px 12px; font-size: 10px;">至</span>
                <input type="text" class="form-control date" name="endDate" value="${param.endDate}" />
            </div>
          </div>
          
        </div>
        
      </div>

      <div class="modal-footer ms-modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">查询</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>

    </form>

  </div>
  
  <script type="text/javascript">
    
    $(document).ready(function(){

        $('.date').datetimepicker({
          format: 'yyyy-mm-dd',
          autoclose: true,
          language: 'zh-CN',
          todayBtn: 'linked',
          todayHighlight: true,
          pickerPosition: 'bottom-right',
          minView: 'month'
        });

    })
    
  </script>

</div>